<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Chat</title>
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
        <link rel="stylesheet" href="chat.css">
    </head>
    <body>
        <div id = "chat-container">
            <div id = "search-container">
                <input type="text" placeholder="Search" />
            </div>
            <div id = "conversation-list">
                <div class="conversation active">
                    <div class="title-text">
                        THE NEUCLEUS
                    </div>
                    <div class="conversation-message">
                        Welcome to The Neucleus
                    </div>
                </div>
                <div class="conversation">
                    <div class="title-text">
                        General
                    </div>
                    <div class="conversation-message">
                        Welcome to UNSW
                    </div>
                </div>
                <div class="conversation">
                    <div class="title-text">
                        Business
                    </div>
                    <div class="conversation-message">
                        Welcome to school of Business
                    </div>
                </div>
                <div class="conversation">
                    <div class="title-text">
                        Science
                    </div>
                    <div class="conversation-message">
                        Welcome to Faculty of Science
                    </div>
                </div>
                <div class="conversation">
                    <div class="title-text">
                        Engineering
                    </div>
                    <div class="conversation-message">
                        Welcome to Faculty of Engineering
                    </div>
                </div>
                <div class="conversation">
                    <div class="title-text">
                        Arts
                    </div>
                    <div class="conversation-message">
                        
                    </div>
                </div>
                <div class="conversation">
                    <div class="title-text">
                        Medcine
                    </div>
                    <div class="conversation-message">
                        
                    </div>
                </div>
            </div>
            <div id = "new-message-container">
                <a herf="#">+</a>
            </div>
            <div id = "chat-title">
                <span>THE NUCLEUS</span>
            </div>
            <div id = "chat-message-list">
                
                <div class="message-row other-message">
                    <div class="message-time">Selina</div>
                    <div class="message-text">
                        Hi Wendy!
                    </div>
                    <div class="message-time">Aug 29<br></div>

                    <div class="message-time">Stanley</div>
                    <div class="message-text">
                        Hi Wendy!
                    </div>
                    <div class="message-time">Aug 29<br></div>

                    <div class="message-time">Dannie</div>
                    <div class="message-text">
                        Hi Wendy!
                    </div>
                    <div class="message-time">Aug 29<br></div>
                </div>
                <div class="message-row you-message">
                    <div class="message-text">
                        Hi, I'm Wendy. 
                        I'm a asecond year<br>Computer Engineering Student<br>
                        Nice to meet you guys</div>
                    <div class="message-time">Aug 29</div>
                </div>
            </div>
            <div id = "chat-form">
                <input type="test" placeholder="type a message" />
            </div>
        </div>
        
        <div class="header">
            <div class="nav">
                <div class="nav_child">
                    <div class = "logo">
                        <a href="http://pubg.qq.com/main.shtml" target="_blank"><img src="images/logo.png"></a>
                    </div>
                    <div class = "navbar">
                        <a href="https://pubg.qq.com/" target="_blank">Homepage</a>
                        <a href="https://pubg.qq.com/web201712/activatelbdj.shtml" target="_blank">Chat</a>
                        <a href="https://pubg.qq.com/cp/a20171127apply/index0110.shtml" target="_blank">Library</a>
                        <a href="file:///tmp_amd/kamen/export/kamen/4/z5274894/hackathon/tips/test.html" target="_blank">Study Tips</a>
                        <a href="http://my.unsw.edu.au" class="header">myUNSW</a>
                        
                         -->
                    </div>
                </div>
            </div>
            <div class="banner">
            </div>
        </div>



        
    </body>
</html>
